﻿<style>
    .idarrow {
        position: relative
    }
    .idarrow:after {
        content: "";
        position: absolute;
        left: 170px;
        top: 260px;
        border-right: 220px solid #fff;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        font-size: 0;
        height: 0;
        line-height: 0;
        transform: rotate(-30deg);
    }
</style>
<div class="mainbox">
    <h2 class="yellow">{{tip}}</h2>
    <div class="paybox">
        <div class="self1 idarrow">
            <img src="../../../images/1920_1080/device.jpg">
        </div>
        <div class="view">
            <div class="cardIDbox">
                <img src="../../../images/1920_1080/cardID.jpg" width="130" height="80" class="cardup"/>
            </div>
        </div>
    </div>
</div>